<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>bilibili</title>
    <link rel="stylesheet" href="./font/iconfont.css" />
    <link rel="stylesheet" href="./css/index.css" />
  </head>
  <body>
    <!-- 顶部 -->
    <header>
      <div class="logo">
        <i class="iconfont Navbar_logo"></i>
        <div class="right">
          <a href="#" class="iconfont ic_search_tab"></a>
          <img src="./images/login.png" alt="" class="login" />
          <img src="./images/download.png" alt="" class="download" />
        </div>
      </div>
    </header>
    <!-- 导航 -->
    <nav class="nav">
      <ul>
        <li><a href="#" class="border">首页</a></li>
        <li><a href="#">动画</a></li>
        <li><a href="#">番剧</a></li>
        <li><a href="#">影视</a></li>
        <li><a href="#">音乐</a></li>
      </ul>
      <div>
        <i class="iconfont general_pulldown_s"></i>
      </div>
    </nav>
    <main>
      <ul>
        <li>
          <img src="./images/1.jpg" alt="" />
          <span>你活着补刀就是对我最大的侮辱，韩服最强王者组单杀集锦#19</span>
          <div class="count">
            <i class="iconfont icon_shipin_bofangshu">132万</i>
            <i class="iconfont icon_shipin_danmushu">2.4万</i>
          </div>
        </li>
        <li>
          <img src="./images/1.jpg" alt="" />
          <span>你活着补刀就是对我最大的侮辱，韩服最强王者组单杀集锦#19</span>
          <div class="count">
            <i class="iconfont icon_shipin_bofangshu">132万</i>
            <i class="iconfont icon_shipin_danmushu">2.4万</i>
          </div>
        </li>
        <li>
          <img src="./images/1.jpg" alt="" />
          <span>你活着补刀就是对我最大的侮辱，韩服最强王者组单杀集锦#19</span>
          <div class="count">
            <i class="iconfont icon_shipin_bofangshu">132万</i>
            <i class="iconfont icon_shipin_danmushu">2.4万</i>
          </div>
        </li>
        <li>
          <img src="./images/1.jpg" alt="" />
          <span>你活着补刀就是对我最大的侮辱，韩服最强王者组单杀集锦#19</span>
          <div class="count">
            <i class="iconfont icon_shipin_bofangshu">132万</i>
            <i class="iconfont icon_shipin_danmushu">2.4万</i>
          </div>
        </li>
        <li>
          <img src="./images/1.jpg" alt="" />
          <span>你活着补刀就是对我最大的侮辱，韩服最强王者组单杀集锦#19</span>
          <div class="count">
            <i class="iconfont icon_shipin_bofangshu">132万</i>
            <i class="iconfont icon_shipin_danmushu">2.4万</i>
          </div>
        </li>
        <li>
          <img src="./images/1.jpg" alt="" />
          <span>你活着补刀就是对我最大的侮辱，韩服最强王者组单杀集锦#19</span>
          <div class="count">
            <i class="iconfont icon_shipin_bofangshu">132万</i>
            <i class="iconfont icon_shipin_danmushu">2.4万</i>
          </div>
        </li>
      </ul>
      <ul>
        <li>
          <img src="./images/1.jpg" alt="" />
          <span>你活着补刀就是对我最大的侮辱，韩服最强王者组单杀集锦#19</span>
          <div class="count">
            <i class="iconfont icon_shipin_bofangshu">132万</i>
            <i class="iconfont icon_shipin_danmushu">2.4万</i>
          </div>
        </li>
        <li>
          <img src="./images/1.jpg" alt="" />
          <span>你活着补刀就是对我最大的侮辱，韩服最强王者组单杀集锦#19</span>
          <div class="count">
            <i class="iconfont icon_shipin_bofangshu">132万</i>
            <i class="iconfont icon_shipin_danmushu">2.4万</i>
          </div>
        </li>
        <li>
          <img src="./images/1.jpg" alt="" />
          <span>你活着补刀就是对我最大的侮辱，韩服最强王者组单杀集锦#19</span>
          <div class="count">
            <i class="iconfont icon_shipin_bofangshu">132万</i>
            <i class="iconfont icon_shipin_danmushu">2.4万</i>
          </div>
        </li>
        <li>
          <img src="./images/1.jpg" alt="" />
          <span>你活着补刀就是对我最大的侮辱，韩服最强王者组单杀集锦#19</span>
          <div class="count">
            <i class="iconfont icon_shipin_bofangshu">132万</i>
            <i class="iconfont icon_shipin_danmushu">2.4万</i>
          </div>
        </li>
        <li>
          <img src="./images/1.jpg" alt="" />
          <span>你活着补刀就是对我最大的侮辱，韩服最强王者组单杀集锦#19</span>
          <div class="count">
            <i class="iconfont icon_shipin_bofangshu">132万</i>
            <i class="iconfont icon_shipin_danmushu">2.4万</i>
          </div>
        </li>
        <li>
          <img src="./images/1.jpg" alt="" />
          <span>你活着补刀就是对我最大的侮辱，韩服最强王者组单杀集锦#19</span>
          <div class="count">
            <i class="iconfont icon_shipin_bofangshu">132万</i>
            <i class="iconfont icon_shipin_danmushu">2.4万</i>
          </div>
        </li>
      </ul>
    </main>
    <footer>
      <div>
        <i class="iconfont Navbar_logo"></i>
        <span>打开APP，看你感兴趣的视频</span>
      </div>
    </footer>
  </body>
</html>
